{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理系统</title>
    <link rel="stylesheet" href="{% static "/plugins/bootstrap-4.6.2-dist/css/bootstrap.min.css" %}">
    {% block css %}{% endblock %}
</head>
<body>
<div style=" margin: auto; width: 80%">
    <div style="border-radius: 0">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <span class="navbar-brand mb-0 mr-4 h1">管理系统</span>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="/admin/list/">管理员信息</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="/depart/list/">部门管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="/user/list/">员工管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="/mobile/list/">靓号管理</a>
                    </li>
                </ul>

                <ul class="navbar-nav mr-lg-2">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                           aria-expanded="false">
                            {{ request.session.info.username }}
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="/logout/">注销</a></li>
                            <li><a class="dropdown-item" href="#">Another action</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                        </ul>
                    </li>


                </ul>
            </div>
        </nav>
    </div>
</div>

<div class="card" style="width: 80%; margin: auto;border-radius: 0">
    <div class="card-body">
        {% block content %}{% endblock %}
    </div>

</div>


<script src="{% static "/js/jquery-3.7.1.min.js" %}"></script>
<script src="{% static "/plugins/bootstrap-4.6.2-dist/js/bootstrap.bundle.min.js" %}"></script>
{% block js %}
{% endblock %}
</body>
</html>